<!DOCTYPE html>
<html>
<head>
<meta charset=utf-8>
<title>openCms-免费的JAVA CMS-内容管理系统-${channel.name}</title>
<link href="${path}/static/three/css/public.css" rel="stylesheet" type="text/css" />
<link href="${path}/static/three/css/register.css" rel="stylesheet" type="text/css" />

<script type="text/javascript" src="${path}/static/three/js/jquery.js"></script>
<script type="text/javascript">
function initMenu() {
  $('#piece0 ul').hide();
  $('#piece0 ul:first').show();
   $('#menu ul').hide();
  $('#menu ul:first').show();
  $('#menu li a').click(
    function() {
      var checkElement = $(this).next();
      if((checkElement.is('ul')) && (checkElement.is(':visible'))) {
        return false;
        }
      if((checkElement.is('ul')) && (!checkElement.is(':visible'))) {
        $('#menu ul:visible').slideUp('normal');
        checkElement.slideDown('normal');
        return false;
        }
      }
    );
  }
$(document).ready(function() {
initMenu();
$(".close").click(
			function () {
				$(this).parent().fadeTo(400, 0, function () { // Links with the class "close" will close parent
					$(this).slideUp(400);
				});
				return false;
			}
		);
});
<!--
/*第一种形式 第二种形式 更换显示样式*/
function setTab(m,n){
 var tli=document.getElementById("menu"+m).getElementsByTagName("li");
 var mli=document.getElementById("piece"+m).getElementsByTagName("ul");
 for(i=0;i<tli.length;i++){
  tli[i].className=i==n?"hover":"";
  mli[i].style.display=i==n?"block":"none";
 }
}
//-->
</script>
<script type="text/javascript" src="${path}/static/three/js/jquery.Xslider.js"></script>
<script type="text/javascript">
$(document).ready(function(){
	
	// 焦点图片水平滚动
	$("#slider1").Xslider({
		// 默认配置
		affect: 'scrollx', //效果  有scrollx|scrolly|fade|none
		speed: 800, //动画速度
		space: 6000, //时间间隔
		auto: true, //自动滚动
		trigger: 'mouseover', //触发事件 注意用mouseover代替hover
		conbox: '.conbox', //内容容器id或class
		ctag: 'div', //内容标签 默认为<a>
		switcher: '.switcher', //切换触发器id或class
		stag: 'a', //切换器标签 默认为a
		current:'cur', //当前切换器样式名称
		rand:false //是否随机指定默认幻灯图片
	});
	
	// 焦点图片垂直滚动
	$("#slider2").Xslider({
		affect:'scrolly',
		ctag: 'div',
		speed:400
	});
	
	// 焦点图片淡隐淡现
	$("#slider3").Xslider({
		affect:'fade',
		ctag: 'div'
	});
	
	// 选项卡
	$("#slider4").Xslider({
		affect:'none',
		ctag: 'div',
		speed:10
	});
	
	
});
</script>
</head>

<body> 
<#include "../include/header.html"/> 
 <div id="slider1" class="slider">
        <@advertList advertPositionId=4 size=6;averts,advertPosition>
			 <div class="conbox">
			     <#list averts as avert>
					 <div><a href="#" title=""><img src="${avert.imgUrl}" width="1000" height="355" /></a></div>
				</#list>
			</div>
			<div class="switcher">
				<#list 1..(averts?size) as i>
					    <#if i==1>
					         <a href="#" class="cur">${i}</a>
					    <#else>
					         <a href="#">${i}</a>
					    </#if>
			   </#list>
			</div>
		</@advertList>
</div>
<div class="mian">
	<div id="tabs0">
        <div class="hdk">
         <ul class="menu0" id="menu0">
          <li onClick="setTab(0,0)" class="hover">关于我们</li>
          <li onClick="setTab(0,1)">联系站长</li>
         </ul>
         </div>
         <div class="piece" id="piece0">
          <ul class="block">
          <li>
          	<div class="about">
          	      <@contentView contentId=2284;contentDetail>
		            ${contentDetail.contentText.text}
		          </@contentView>
          	</div>
          </li>
		   </ul>
          <ul>
          <li>
          	<div class="contact">
                 <@contentView contentId=2646;contentDetail>
		            ${contentDetail.contentText.text}
		          </@contentView>
            </div>
          </li>
 		</ul>
         </div>
        </div>
 </div>
<#include "../include/footer.html"/>
</body>
</html>
